<template>
  <div class="ikun-view-container">
    <Aside :asideVisible="asideVisible" />
    <div class="ikun-view-content">
      <Header @change-aside="changeAside" />
      <Breadcrumb />
      <router-view />
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import Aside from "@/components/Aside/index.vue";
import Header from "@/components/Header/index.vue";
import Breadcrumb from "@/components/Breadcrumb/index.vue";
@Component({
  components: {
    Aside,
    Header,
    Breadcrumb,
  },
})
export default class ViewContainer extends Vue {
  asideVisible: boolean = false;
  changeAside(): void {
    this.asideVisible = !this.asideVisible;
  }
}
</script>
<style lang="stylus">
@import "./style.styl"
</style>
